body{
  font-size:large;
  height:100%;
}

input{
  border:1px solid gray;
  padding:5px;
  margin-bottom:5px;
}

input[readonly]{
  font-style:italic;
  border-color:#eee;
}



.pagina{
  min-height:100%;
  position:absolute;
  width:100%;
  min-width: 1024px;
}

header{
  background:url('/app/resources/site/images/fundo_icones726x238.png') #002C40 no-repeat 20px 0px;
  height:70px;
  width:100%;
  border-bottom:2px solid #333;
}

header figure{
  padding:20px 0 0 20px;
  float:left;
  cursor: pointer;
}

header h1{
  float:left;
  color:white;
  font-size:large;
  margin:21px 0 0 40px;
}

.logged{
  float:right;
  margin-top:23px;
  color:white;
  font-size:smaller;
  font-weight:bold;
  margin-right:20px;
}

.logged div{
  cursor:pointer;
  float:left;
  padding:3px 5px;
  padding-left:25px;
  border-radius:10px;
  margin-left:10px;
}

.logged .logout{
  background:url('/app/resources/images/logout16x16.png') no-repeat 5px 4px;
}

.logged .logout:hover{
  background-color:#FFF;
  color:#002C40;
}

.logged .rangaki{
  background:url('/app/resources/images/rkIco16x14.png') no-repeat 5px 5px;
}

.logged .rangaki:hover{
  background-color:#FFF;
  color:#002C40;
}

.container{
  width:100%;
  padding-bottom:40px;
}

.container .menu{
  float:left;
  width:200px;
  padding:20px 0 20px 20px;
  background:#eee;
}

.container .menu li{
  padding:5px 3px 5px 5px;
}

.container .menu li.divisao{
  width:190px;
  font-weight:bold;
  border-right:10px solid #cc2C40;
  background:#002C40;
  color:white;
  background:url('/app/resources/site/images/fundo_icones726x238.png') #002C40 no-repeat 0 5px;
}

.container .menu ul ul li{
  padding-left:15px;
  width:180px;
  font-size:medium;
  background:transparent;
  cursor:pointer;
}

.container .menu a:link, a:visited{
  color:#333;
  text-decoration:none;
}

.container .menu a:hover{
  text-decoration:underline;
}

.container .content{
  margin-left:220px;
  padding:20px;
}

.container .content h1{
  color:#002C40;
  margin-bottom:15px;
  font-size:x-large;
}

.container .content a{
  color:#333;
  font-style: italic;
  
}

.container .content a:hover{
  text-decoration:underline;
}

.container .content .edit{
  background:url('/app/resources/images/edit16x16.png') no-repeat 0 3px;
  padding-left:17px;
}

.container .content .home{
  background:url('/app/resources/images/home16x16.png') no-repeat 0 3px;
  padding-left:17px;
}

.container .content h2{
  margin:10px 0;
  color:#002C40;
  background:#eee;
  border-bottom:1px solid #ddd;
  padding:5px;
}

footer{
  width:100%;
  text-align:center;
  font-size:small;
  background:#cc2C40;
  color:white;
  padding:15px 0;
  clear:both;
  position:absolute;
  bottom:0;
}

.meu-endereco .enderecos{
  width:100%;
}

.meu-endereco .endereco{
  background:#fcfcfc;
  border:1px solid #ccc;
  height:160px;
}

.meu-endereco .endereco .mapa{
  width:260px;
  padding:5px;
}

.meu-endereco .endereco .dados{
  padding:5px;
}

.meu-endereco .endereco .tools{
  width:150px;
  padding:5px;
}

.meu-endereco .endereco figure{
  border:1px solid #ddd;
  padding:0;
  overflow:hidden;
  height:160px;
  width:240px;
}

.meu-endereco .padrao{
  background:#ffffcc;
}

.form{
  text-align:left;
}

.form .campo{
  margin-top:10px;  
}

.form .left{
  float:left;
  width:40%;
}

.form .clear{
  clear:both;
}

.form hr.clear{
  visibility:hidden;
}

.form .checkbox{
  height:20px;
}

.form .radiobutton{
  height:15px;
}

.form .restaurante-logo{
  width:100px;
}

.botao{
  margin-top:20px;
}

.advice{
  font-size:small;
  margin-top:10px;
}

p.convite{
  background:#efefef;
  padding:10px;
  border:1px solid #333;
  margin-top:20px;
  width:650px;
}

p.convite .botao-laranja{
  background:#F60;
  color:white;
  font-weight:bold;
  margin-left:20px;
}

.toolbar{
  height:45px;
  border-bottom:#333;
  background:#ccc;
  border-radius:3px;
}

.toolbar .btn{
  float:left;
  padding-left:25px;
  padding-right:5px;
  background: no-repeat 5px 4px;
  margin-left:10px;
  margin-top:10px;
  cursor:pointer;
  border-radius:3px;
}

.toolbar .btn.disabled{
  -moz-opacity: 30%;
  opacity: 0.3;
  cursor:default;
}

.toolbar .btn.disabled:hover{
  background-color:transparent;
}
  

.toolbar .btn.back{
  background-image: url('/app/resources/images/arrow_left16x16.png');
}

.toolbar .btn.cancel{
  background-image: url('/app/resources/images/cancel16x16.png');
}

.toolbar .btn.next{
  background-image: url('/app/resources/images/arrow_up16x16.png');
}

.toolbar .btn.prev{
  background-image: url('/app/resources/images/arrow_down16x16.png');
}

.toolbar .btn:hover{
  background-color:#eee;
}

.form .btn{
	display: inline;
	padding: 5px;
}

tr.produto{
  background:#f6f6f6;
  border-top:1px solid #ddd;
}

tr.variacao{
  font-size:smaller;
}

tr.variacao td:last-child{
  padding-left:10px;
}

thead.produto-header th{
  background: #eee;
  border-bottom:3px double #ddd;
}

tfoot.produto-footer th{
  background: #eee;
}

tfoot.produto-footer tr:first-child{
  border-top:3px double #ddd;
}

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position: absolute;
  z-index: 9000;
  background-color: #000;
  display: none;
  left: 0;
  top: 0;
}

#boxes .window {
  position: fixed;
  width: 740px;
  height: 400px;
  display: none;
  z-index: 9999;
  padding: 20px;
  text-align: center;
}

/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width: 630px;
  height: 470px;
  background: white;
  overflow: auto;
  border-radius: 5px;
}

#boxes .loading {
  width: 200px;
  height:100px;
  background: white;
  overflow: auto;
  border-radius: 5px;
  display:none;
  vertical-align: middle;
}

/* Loading */
.loader {
  height: 32px;
  width: 32px;
}

/* Alerta de novos pedidos */
.alerta{
	background: #CC2C40;
    border-radius: 10px 10px 10px 10px;
    color: white;
    height: 23px;
    margin-left: 113px;
    margin-top: -47px;
    padding: 7px 10px 5px;
    position: absolute;
    text-align: center;
    width: 400px;
    display: none;
}

.focus{
	color: #CC2C40;	
}


#status_pedido{
	margin-left: 125px;
    margin-top: -38px;
    position: absolute;
}
#status_pedido li{
	display: inline-block;
	padding: 5px;
}
#status_pedido li a{
	text-decoration: none;
}

#status_pedido li .enabled{
	cursor: pointer;
	background: #ccc;
}

  
